<template>
  <div>
    这是Detail页面
    <!-- 方式一：通过当前路由规则，获取数据 -->
    通过当前路由规则获取：{{ $route.params.id }}

    <br>

    <!-- 方式二：路由规则中开启props传参  （推荐）-->
    通过开启props获取： {{ id }}
    <router-link to="/">回到首页</router-link>
  </div>
</template>

<script>
export default {
  name: 'Detail',
  // 将路由参数配置到props中
  props: ['id']
}
</script>
